<!doctype html>
<html>

<head>
  <title>Asset Management</title>
  <meta charset="utf-8">
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
    crossorigin="anonymous">
  <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
    crossorigin="anonymous"></script>
</head>

<body>
  <header class="header">
    <div class="header-top">
      <div class="containers">
        <div class="left">
          <img src="../../images/tips.png" alt="">
          <span>优品汇售后退还无忧服务上线</span>
        </div>
        <div class="right">
          <a href="./login.html">请先登录&nbsp;&nbsp;| </a>
          <a href="./register.html">&nbsp;&nbsp;免费注册&nbsp;&nbsp;|</a>
          <a href="./myorder.html">&nbsp;&nbsp;我的订单&nbsp;&nbsp;|</a>
          <a href="./helpcenter.html">&nbsp;&nbsp;帮助中心&nbsp;&nbsp;|</a>
          <a href="">&nbsp;&nbsp;在线客服&nbsp;&nbsp;|</a>
          <a href="">
            <img src="../../images/phone.png" alt="">
            <span>手机版</span>
          </a>
        </div>
      </div>
    </div>
    <div class="header-bottom">
      <div class="containers">
        <img src="../../images/logo.png" alt="" class="logo">
        <div class="name">
          <div class="name-top">净水器</div>
          <div class="name-bottom">惠聚优质商品</div>
        </div>
        <ul>
          <li>
            <span class="active">
              <a href="./index.html">首页</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./waterpurifier.html">净水器</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./directlywater.html">直饮水</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./watercheck.html">水质查询</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./applyinstall.html">申请安装</a>
            </span>
          </li>
          <li>
            <span>
              <a href="./applyfix.html">申请维修</a>
            </span>
          </li>
        </ul>
        <div style="position: relative;display: inline-block">
          <input type="text" placeholder="输入商品关键词">
          <img src="../../images/search.png" alt="" class="search-img" onclick="window.location.href='./search.html'">
        </div>
        <span class="mycar">
          <a href="./mycart.html">我的购物车</a>
        </span>
        <img src="../../images/bag.png" alt="" class="bag">
      </div>
    </div>
  </header>
  <div class="contents">
    <div class="breadCrumbs">
      <div class="containers">
        首页 > 净水器 > 商品详情 > 商品评价
      </div>
    </div>
    <div class="containers">
      <div class="review-top flex">
        <div class="left">
          <div class="title1">史密斯直饮水</div>
          <div class="title2">匠心剪裁，垂感质地</div>
          <div class="number-group flex space-between">
            <div class="number-left">
              <div class="num">999+</div>
              <div class="text">人已购买</div>
            </div>
            <div class="number-left">
              <div class="num">99.8%</div>
              <div class="text">好评率</div>
            </div>
          </div>
        </div>
        <div class="right">
          <div class="allsay">
            大家都在说
          </div>
          <div class="btn-group">
            <span class="active">全部评价（999+）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
            <span>漂亮精致（1173）</span>
          </div>
        </div>
      </div>
      <div class="review-board flex">
        <div class="left">
          <div class="left-title flex space-between">
            <span class="bold">热门评价</span>
            <span class="radio-group flex y-center">
              <span class="radios"></span>
              <span>只显示带图评价</span>
            </span>
          </div>
          <div class="board flex">
            <img src="../../images/avator.png" alt="" class="touxiang">
            <div>
              <div class="name">小美花</div>
              <div class="flex info space-between">
                <div class="address">学生/深圳</div>
                <div>
                  <span>颜色：黑色 </span>&nbsp;&nbsp;
                  <span>颜色：黑色 </span>型号：M</div>
              </div>
              <p class="word">净水机不占多少地方，出水速度还行，净水时声音也不大，安装师傅测量家里自来水质量105，按上后净水测量是8，净化效果显著啊！因为之前对净水机不太了解，客服小七不厌其烦的给解答，安装售后服务也不错，很满意的一次购物。</p>
              <div class="img-group">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
              </div>
              <div class="line"></div>
              <div class="reply flex space-between y-center">
                <span>1周前</span>
                <span>
                  <span class="group good">
                    <img src="../../images/good.png" alt="">
                    <span>点赞 1000</span>
                  </span>
                  <span class="group">
                    <img src="../../images/reply.png" alt="">
                    <span>回复 100</span>
                  </span>
                </span>
              </div>
              <div class="server flex">
                <img src="../../images/avator.png" alt="">
                <div class="server-content">
                  <div>客服</div>
                  <p>发货生死两茫茫，订单多，自难忘。下单千页，无处话凄凉。纵使相逢不相识，尘满面，鬓如霜。夜来幽梦在打包。订单量，正在涨。相顾无言，惟有泪千行。料得配货累断肠，明月夜，仓库忙。</p>
                </div>
              </div>
              <div class="input-group">
                <input type="text" placeholder="登陆后可发表回复">
                <span class="reply-btn">回复</span>
              </div>
            </div>

          </div>

          <div class="board flex">
            <img src="../../images/avator.png" alt="" class="touxiang">
            <div>
              <div class="name">小美花</div>
              <div class="flex info space-between">
                <div class="address">学生/深圳</div>
                <div>
                  <span>颜色：黑色 </span>&nbsp;&nbsp;
                  <span>颜色：黑色 </span>型号：M</div>
              </div>
              <p class="word">净水机不占多少地方，出水速度还行，净水时声音也不大，安装师傅测量家里自来水质量105，按上后净水测量是8，净化效果显著啊！因为之前对净水机不太了解，客服小七不厌其烦的给解答，安装售后服务也不错，很满意的一次购物。</p>
              <div class="img-group">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
                <img src="../../images/product2.png" alt="">
              </div>
              <div class="line"></div>
              <div class="reply flex space-between y-center">
                <span>1周前</span>
                <span>
                  <span class="group good">
                    <img src="../../images/good1.png" alt="">
                    <span>点赞 1000</span>
                  </span>
                  <span class="group">
                    <img src="../../images/reply1.png" alt="">
                    <span>回复 100</span>
                  </span>
                </span>
              </div>
              <div class="server flex">
                <img src="../../images/avator.png" alt="">
                <div class="server-content">
                  <div>客服</div>
                  <p>发货生死两茫茫，订单多，自难忘。下单千页，无处话凄凉。纵使相逢不相识，尘满面，鬓如霜。夜来幽梦在打包。订单量，正在涨。相顾无言，惟有泪千行。料得配货累断肠，明月夜，仓库忙。</p>
                </div>
              </div>
              <div class="input-group">
                <input type="text" placeholder="登陆后可发表回复">
                <span class="reply-btn">回复</span>
              </div>
            </div>

          </div>
        </div>
        <div class="right">
          <div class="new-review">
            最新评价
          </div>
          <div class="right-board">
            <div class="item">
              <div class="name">小美花</div>
              <p>非常满意，高大上的水龙头。新人史密斯的产品，家里的全屋水处理和这个末端净水都是史密斯，也是通过以前用过其他品牌的产品后又比较得出的。</p>
              <div class="group flex y-center space-between">
                <span>12分钟前</span>
                <span>
                  <span class="good">
                    <img src="../../images/good.png" alt="">
                    <span>点赞 1000</span>
                  </span>
                  <span>
                    <img src="../../images/reply.png" alt="">
                    <span>回复 100</span>
                  </span>
                </span>
              </div>
            </div>
            <div class="item">
              <div class="name">小美花</div>
              <p>非常满意，高大上的水龙头。新人史密斯的产品，家里的全屋水处理和这个末端净水都是史密斯，也是通过以前用过其他品牌的产品后又比较得出的。</p>
              <div class="group flex y-center space-between">
                <span>12分钟前</span>
                <span>
                  <span class="good">
                    <img src="../../images/good1.png" alt="">
                    <span>点赞 1000</span>
                  </span>
                  <span>
                    <img src="../../images/reply1.png" alt="">
                    <span>回复 100</span>
                  </span>
                </span>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>

  </div>




  <footer class="footer">
    <div class="footer-top containers flex space-between">
      <div class="item">
        <div class="title text-center">客户服务</div>
        <div class="flex space-between">
          <div class="img-group">
            <img src="../../images/serve.png" alt="" class="serve-img">
            <div>在线客服</div>
          </div>
          <div class="img-group">
            <img src="../../images/question.png" alt="" class="qusetion-img">
            <div>问题反馈</div>
          </div>
        </div>
      </div>
      <div class="item">

        <div class="title text-center">关注我们</div>
        <div class="flex space-between">
          <a class="img-group">
            <img src="../../images/wechat.png" alt="" class="weixin-img">
            <div>公众号</div>
          </a>
          <a class="img-group">
            <img src="../../images/webo.png" alt="" class="weibo-img">
            <div>微博</div>
          </a>
        </div>
      </div>
      <div class="item">
        <div class="title text-center">下载APP</div>
        <div class="flex space-between">
          <img src="../../images/20170104103647314.png" alt="" class="code">
          <div class="text-group">
            <div>扫描二维码查看</div>
            <div>移动版原型效果</div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="title text-center">下载APP</div>
        <div class="green text-center">400-0000-000</div>

        <div class="text-center date">周一至周日：8:00-18:00</div>
        <div class="text-center">(仅收市话费)</div>

      </div>
    </div>
    <div class="footer-bottom">
      <div class="containers advantage flex y-center space-between">
        <div class="item flex y-center">
          <img src="../../images/change.png" alt="">
          <span>30天无忧退换货</span>
        </div>
        <div class="item flex y-center">
          <img src="../../images/car.png" alt="">
          <span>满88元免邮费</span>
        </div>
        <div class="item flex y-center">
          <img src="../../images/save.png" alt="">
          <span>优品汇品质保证</span>
        </div>
      </div>

      <div class="link containers text-center">
        <a href="">&nbsp;&nbsp;关于我们&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;帮助中心&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;售后服务&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;配送与验收&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;商务合作&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;企业采购&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;开放平台&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;搜索推荐&nbsp;&nbsp;|</a>
        <a href="">&nbsp;&nbsp;友情链接&nbsp;&nbsp;</a>
      </div>

      <div class="copyright text-center">
        CopyRight @ 优品汇 2015 - 2017
      </div>
    </div>
  </footer>
</body>

</html>